<template>
  
  <div>
      <h1>Yuan</h1>
       <router-link to="/ban">Go to Foo</router-link>

      <el-row>
        <!-- 基本情况 -->
        <el-col :span="5">
          <el-card>
            <div slot="header" class="clearfix">
              <span>测试</span>
            </div>
            <div>测试1</div>
            <div>测试2</div>
          </el-card>
        </el-col>

        <!-- 显示一个图表测试  -->
        <el-col :span="5">
            <v-chart :options="bar"></v-chart>
        </el-col>
      </el-row>




  </div>
</template>

<script>

export default {

  data(){

    return {
      bar:{
        title:{text:"测试"},
        xAxis:{
          data:["Java","Python","C","C++","Scala"]
        },
        yAxis:{},
        series:
        {
          type:'bar',
          data:[2,4,4,6,1]
        }
      }


    }

  }

}
</script>
<style scoped>
v-echart {
  width: 100%;
  height: 100%;
}


</style>

